<template>
	<view class="flex  border-bottom py-2 w-100">
		<view class="label flex justify-center font-md text-dark">{{label}}</view>
		<view class="content flex-1 flex align-center flex-shrink">
			<slot></slot>
		</view>
		<view class="icon flex align-center justify-center iconfont iconjinru ml-auto" v-if="arrow"></view>
	</view>
</template>

<script>
	export default {
		name:"form-label",
		props: {
			label: {
				type: String,
				default: ''
			},
			arrow:{
				type:Boolean,
				default:false
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.label {
	width: 128rpx;
}
.icon {
	width: 90rpx;
	color: #5e6871;
}
</style>